<?php
/**
 * The loop that displays a page.
 *
 * The loop displays the posts and the post content. See
 * http://codex.wordpress.org/The_Loop to understand it and
 * http://codex.wordpress.org/Template_Tags to understand
 * the tags used in it.
 *
 * This can be overridden in child themes with loop-page.php.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.2
 */
?>

<?php // The Query
$the_query = new WP_Query( array('post_type'=>'post','posts_per_page'=>4 ) );
$bidx = 1;
// The Loop
if( $the_query->have_posts() ) : 
while ( $the_query->have_posts() ) : $the_query->the_post(); 
$bloglistimg = get_post_meta(get_the_ID(), '_blog_img_meta', FALSE);
?>
	
		<?php if( $bidx == 1 ) { ?>
			<div class="footer_column_image"><img src="<?php echo $bloglistimg[0]['docs'][0]['fileurl1'];?>"></div>
		<?php } ?>
		<div class="footer_list">
			<div>
				<img src="<?php bloginfo( 'template_url' ); ?>/images/list.jpg" alt="list" />
				<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">
					<?php the_title(); ?>
				</a>
			</div>
			<div class="list_date"><?php twentyten_posted_on(); ?></div>
		</div>
	
<?php 
$bidx++;
endwhile; // end of the loop. 
wp_reset_postdata();
 else : ?>
 <div class="footer_list">
	<div>
		<img src="<?php bloginfo( 'template_url' ); ?>/images/list.jpg" alt="list" />
		No Blog
	</div>
	
</div>
 <?php endif; ?>
